jQuery ব্যবহার করে ওয়েব এলিমেন্টগুলোর স্টাইল ম্যানিপুলেশন খুব সহজ। এই ম্যানিপুলেশনগুলি করার জন্য মূলত তিনটি jQuery ফাংশন ব্যবহার করা হয়: css(), addClass(), এবং removeClass()। নিচে এই ফাংশনগুলির ব্যবহার এবং তাদের কার্যকারিতা ব্যাখ্যা করা হলো।
css() ফাংশন
css() ফাংশন দুই উপায়ে ব্যবহার করা যায়: একটি হলো একটি বা একাধিক CSS প্রোপার্টির মান পড়ার জন্য, এবং অন্যটি হলো একটি বা একাধিক CSS প্রোপার্টির মান সেট করার জন্য।
উদাহরণ: সিঙ্গেল প্রোপার্টি সেট করা
$("#myElement").css("color", "red");
এই কোডটি আইডি myElement ধারণকারী এলিমেন্টের টেক্সট রঙ লাল করে দেবে।
উদাহরণ: একাধিক প্রোপার্টি সেট করা
$("#myElement").css({
"color": "blue",
"background-color": "yellow",
"font-size": "16px"
});
এই কোডটি আইডি myElement ধারণকারী এলিমেন্টের টেক্সট রঙ নীল, ব্যাকগ্রাউন্ড রঙ হলুদ, এবং ফন্ট সাইজ 16px করে দেবে।
addClass() এবং removeClass() ফাংশন
addClass() এবং removeClass() ফাংশনগুলি কোনও এলিমেন্টে CSS ক্লাস যোগ করার এবং মুছে ফেলার জন্য ব্যবহার করা হয়।
addClass() উদাহরণ:
$("#myElement").addClass("newClass");
এই কোডটি myElement আইডি ধারণকারী এলিমেন্টে newClass নামের ক্লাস যোগ করে, যা ঐ ক্লাসের সব স্টাইল সেটিংস প্রযোজ্য হবে।
removeClass() উদাহরণ:
$("#myElement").removeClass("oldClass");
এই কোডটি myElement আইডি ধারণকারী এলিমেন্ট থেকে oldClass নামের ক্লাস মুছে দেবে, যা এই ক্লাসের সব স্টাইল ইফেক্ট অপসারণ করবে।
সারাংশ
jQuery-র css(), addClass(), এবং removeClass() ফাংশনগুলি ওয়েব ডেভেলপারদের এলিমেন্টগুলোর স্টাইল সহজে ম্যানেজ করতে সাহায্য করে। এই ফাংশনগুলির মাধ্যমে ডাইনামিক ওয়েব অ্যাপ্লিকেশনের ইন্টারফেস অনায়াসে পরিবর্তন করা সম্ভব হয়, যা অ্যাপ্লিকেশনের ইউজার এক্সপেরিয়েন্সকে উন্নত করে।
Read more
